<template>
  <view style="width: 372.5upx;" @click="openDetail">
    <image :src="item.cover" mode="widthFix" lazy-load></image>
    <view class="p-2 pt-1">
      <view class="font-md">{{ item.title }}</view>
      <text class="d-block font text-light-muted">{{ item.desc }} </text>
      <view class="d-flex my-1">
        <price> {{ item.pprice }} </price>
        <view
          class="ml-1 font-sm text-light-muted line-through line-h"
          style="align-self: flex-end;"
        >
          ¥ {{ item.oprice }}
        </view>
      </view>
    </view>
  </view>
</template>

<script>
import price from "@/components/common/price.vue"
export default {
  components: {
    price
  },
  props: {
    item: Object,
    index: String,
		type:{
			type:String,
			default:"navigateTo"
		}
  },
  methods: {
    openDetail() {
      uni[this.type]({
      	  url: '/pages/detail/detail?detail=' + JSON.stringify(this.item)
      })

    }
  }
}
</script>

<style>
</style>
